body{background:#000;color:#fafafa}
.row{position: relative}
.btn{border: 0;background-color: #292929;color: #fff}
.btn:hover,.btn:focus{background-color: #00558c;color: #fff}
.btn-warning{border: 0;background-color: #0269e2;color: #000}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active{background-color: #0269e2;color: #FDFDFD;}
.btn-info{background-color: #6D7D0A;color: #000}
.btn-info:hover,.btn-info:focus,.btn-info:active{background-color: #6D7D0A;color: #fff}

.bs-docs-nav .navbar-toggle{border:0;}
.bs-docs-nav .navbar-toggle .icon-bar.line-1{
top: -4px;position: relative;background-color:#ff7200;
transform: translateY(10px) translateX(0) rotate(45deg);
-webkit-transform: translateY(10px) translateX(0) rotate(45deg);
-moz-transform: translateY(10px) translateX(0) rotate(45deg);
transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;
}
.bs-docs-nav .navbar-toggle.collapsed .icon-bar.line-1{
top: 0px;position: relative;background-color:#fff;
transform: translateY(0px) translateX(0) rotate(0deg);
-webkit-transform: translateY(0px) translateX(0) rotate(0deg);
-moz-transform: translateY(0px) translateX(0) rotate(0deg);
}
.navbar-toggle .icon-bar.line-2{opacity:0}
.navbar-toggle.collapsed .icon-bar.line-2{opacity:1}
.bs-docs-nav .navbar-toggle .icon-bar.line-3{
top: 4px;position: relative;background-color:#ff7200;
transform: translateY(-10px) translateX(0) rotate(-45deg);
-webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
-moz-transform: translateY(-10px) translateX(0) rotate(-45deg);
transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;
}
.bs-docs-nav .navbar-toggle.collapsed .icon-bar.line-3{
top: 0px;position: relative;background-color:#fff;
transform: translateY(0px) translateX(0) rotate(0deg);
-webkit-transform: translateY(0px) translateX(0) rotate(0deg);
-moz-transform: translateY(0px) translateX(0) rotate(0deg);
}

::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 0 0 1px #000}
::-webkit-scrollbar-thumb:hover{-background:#1b1b1b}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{border-left-color:#434343;background:#333;-webkit-box-shadow:inset 0 0 1px #434343}
::-webkit-scrollbar-thumb{border-left-color:#8e8e8e;background:#555}

.modal{background: rgba(0,0,0,.5)}
body.modal-open {}
.modal-dialog{margin: 0 auto;padding: 54px 15px 15px 15px;}
.modal-content{
    background: #000;border: 0;border-radius: 0px;
/*    box-shadow: 0 0 8px rgb(88, 189, 228);
    -webkit-box-shadow: 0 0 8px rgb(88, 189, 228);
    -moz-box-shadow: 0 0 8px rgb(88, 189, 228);*/
}
.modal-header {border-bottom: 1px solid #333;}
.modal .close{color: #fafafa;opacity: .8;height: 32px;width: 24px;background: url('../images/icons.png') no-repeat -32px -273px;overflow: hidden;text-indent: 1000px}
.close:focus, .close:hover {color: #fff;opacity: 1}

#download-modal h4{background: #202020;margin: 0;padding: 0px;line-height: 40px}
#download-modal .qr{display: block;background: #1a1a1a;padding: 15px 0;text-align: center;min-height: 286px;background: #1a1a1a;}
#download-modal .qrimg{height: 100px;margin: 0 auto;display: block;margin-bottom: 15px;}
#download-modal .qr button{margin-bottom: 8px;min-width: 212px}
.apple-store-icon{background-image: url('http://3t.mobo.vn/assets/user/swap_v02/images/1_appstore.png');background-repeat: no-repeat;background-position: 5px 4px;background-size: 24px;}
.apk-icon{background-image: url('');background-repeat: no-repeat;background-position: 4px 2px}
.play-store-icon{background-image: url('../images/icons.png');background-repeat: no-repeat;background-position: 4px -234px;}
.apple-store-icon2{background-image: url('http://3t.mobo.vn/assets/user/swap_v02/images/2_cydia.png');background-repeat: no-repeat;background-position: 5px 4px;background-size: 24px;}
.store-icon{background-image: url('http://3t.mobo.vn/assets/user/swap_v02/images/icon_ggp.png');background-repeat: no-repeat;background-position: 5px 4px;background-size: 24px;}
.pc-icon{float: left;width: 40px;height: 40px;background:url('../images/icons.png') no-repeat 4px -156px;margin-right: 8px;}
.android-icon{float: left;width: 40px;height: 40px;background:url('../images/icons.png') no-repeat -34px -157px;margin-right: 8px;}
.ios-icon{float: left;width: 40px;height: 40px;background:url('../images/icons.png') no-repeat -74px -158px;margin-right: 8px;}
.ilist{margin: 0;padding: 0;}
.ilist li{padding-left: 20px;list-style: none;background: url('../images/icons.png') no-repeat -194px -113px;;text-align: left}
.iorange{color: #00e4ff}

div[u='caption']{text-shadow:0 0 8px #1225BD}
.clear{clear: both}
#full-width-slider {width: 100%;height: 100%}
#foot{display: block;background: #14161a;position: relative;border-top: 1px solid red;}
#foot .container>div{padding-left: 100px;background: url(../images/me.jpg) no-repeat left center}
#foot .container>div p{margin: 0;font-family: tahoma;font-size: 12px;text-align: center;border-left:1px solid #333;padding: 0 12px;margin: 12px 0}
.gototop{position: absolute;top: 0;left: 100%;width: 52px;height: 58px;background:url('../images/icons.png') no-repeat 0 -80px;cursor: pointer;margin-left: 8px;display: none}
.gototop:hover{background-position: -80px -80px;}
.menu-bottom{position:fixed;left:0;bottom:0;right:0;background:rgba(0,0,0,.9);z-index:20;padding:10px;}
.metro-icon{float:left;border:2px solid #fff;border-radius:100%;text-align:center;margin:0 10px}
.metro-icon i,.metro-icon span{line-height:36px;top:0;width:36px;height:36px;}
.metro-icon:hover{border-color: #ff7200;}
.metro-icon:hover i,.metro-icon:hover span{color:#ff7200;}
.menu-bottom.unactive .metro-icon{display:none}
.menu-bottom.unactive .metro-icon.pull-right{display:block;border:0;position:absolute;top: 0;width: 50%;height: 50%;left: 0;margin: 0;}
.menu-bottom.unactive .metro-icon.pull-right i{line-height: 26px;top: auto;width: 26px;height: 26px;font-size: 26px;text-align: right;/* float: right; */position: absolute;right: 0;bottom: 0;}
.menu-bottom.unactive{left:auto;height:120px;width:120px;right:-60px;bottom:-60px;border-radius:100%;background:rgba(0,0,0,.9);border:4px solid rgba(1,111,193,.9)}
a,a:link{color:#cdbc07}
a:active,a:focus,a:hover{color:#cdbc07;text-decoration:underline}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{color: #fff;font-size: inherit;min-width: 120px;padding: 15px;line-height: 20px;text-align: center}
.navbar > .container .navbar-brand:hover, .navbar > .container-fluid .navbar-brand:hover{background-color:#111;}
.bs-docs-nav .navbar-header .navbar-toggle:hover, .bs-docs-nav .navbar-header .navbar-toggle:focus {background-color: transparent;border-color: #222;}
.bs-docs-nav .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-collapse{max-height:none}
.bs-docs-nav .navbar-nav> li>a, 
.nav .open > a, 
.nav .open > a:focus{background-color: transparent;}
.nav .dropdown-menu > li > a:focus{background-color: inherit;}
.bs-docs-nav .navbar-nav>li>a:hover, 
.bs-docs-nav .navbar-nav>.active>a:hover, 
.nav .open > a:hover{background-color:#111;}
.nav .dropdown-menu > li > a:hover,
.nav div.dropdown-menu>ul>li>a:hover{background:rgba(0,0,0,.2);text-decoration: none;color: #cdbc07}
.nav .dropdown-menu > li > a{color:#fff;-font-size:12px;}
.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none;background:rgba(0,0,0,.2);}
.navbar-nav {margin: 0px -15px;}
.navbar{margin-bottom:0;background-color: #222;background-color: rgba(0,0,0,.8);color:#fff;border:0}
.oopen > .dropdown-menu {display: block;}
.navbar-collapse{border:0}
div.dropdown-menu{

}
div.dropdown-menu>ul{float: left;width:100%;padding: 0;margin: 0;font-size: 14px;list-style: none;}
div.dropdown-menu>ul>li>a{padding: 5px 15px;line-height: 20px;display:block;-font-size: 12px;color: #fff}
div.dropdown-menu>ul>li>a:hover{color: #ff7200}
.nailthumb{position:relative;overflow: hidden}
.nailthumb-figure{position:relative;width:100%;padding-bottom:56%;height: 0;overflow: hidden}
.nailthumb-container{position:absolute;width:100%;height:100%;background:url(../images/process.gif) no-repeat center;overflow:hidden}
.news-item .nailthumb .nailthumb-figure{padding-bottom: 75%}
.nailthumb.square .nailthumb-figure{padding-bottom: 100%}
.nailthumb.threeper .nailthumb-figure{padding-bottom: 33.333333333%}
.nailthumb .nailthumb-figure img{width: 100%;background-color: #000}
.nailthumb .nailthumb-figure img.lazy{width: auto;height: auto}
.fluid-col {height: 100%;}
.video-list .nailthumb .nailthumb-mark{position:absolute;width:100%;height:100%;background:url(../../images/imgvideo.png) no-repeat center rgba(0,0,0,.3);opacity: .5}
.video-list .nailthumb:hover .nailthumb-mark{opacity: 1}
.tablet-bg,.phone-bg{position:fixed;top:0;left:50%;width:100%;z-index: 0;margin-left: -50%;}
#main-container{padding: 0px;position: relative}
.download-bg{width: 100%}
.download-and-slider{ padding-bottom: 8px;}
.download-and-slider > div{position: relative;}
.download-and-slider .download{width: 26.086956522%;float: left;position: relative}
.download-and-slider .download>div{position: relative;height: 0;padding-bottom: 125%;}
.download-and-slider .download>div img{position: absolute;width: 100%;top: 0;right: 0;}
.download-and-slider .slider,.download-and-slider .news-detail{width: 73.913043478%;float: left;padding: 0;position: relative}
.download-and-slider .slider>div{background: #181d21;padding: 0px;position: relative;display: block;padding: 1px;}
.download-and-slider .slider .slider-photo{padding-bottom: 43.952802360%;/*41.367521367521%;*/height: 0;position: relative;}
.jssorn01{width: auto !important;height:24px !important;}
.jssorn01>div, .jssorn01>div:hover, .jssorn01>.av{overflow:hidden;cursor: pointer;width: auto !important;height:auto !important;
   position: relative !important;top:auto !important;left: auto !important;display: inline-block !important;width: 28px !important;}
.jssorn01>div>div{margin-left: 4px;background: rgba(209, 0, 0, .3);font-family: dotum,tahoma;font-size: 11px;line-height: 24px;}
.jssorn01>div:hover div, .jssorn01>.av:hover div{ background: rgba(209, 0, 0, .7);}
.jssorn01>.av>div{ background:rgba(209, 0, 0, .7); }
.jssorn01>.dn div, .jssorn01>.dn:hover div{ background:rgba(209, 0, 0, .7); }
.infoBlock.rsABlock{font-size: 12px;background: rgba(0,0,0,.3);width: 100%;bottom: 0;top: auto;line-height: 24px}

#slider{position: absolute;top: 0;left: 0;width: 100%;height:100%;}
#slider img{width: 100%;height: 100%}
.box .title{
    height: 42px;display: block;color: #ff7200;font-weight: bold;font-size: 15px;text-transform: uppercase;line-height: 42px;
    border: 1px solid #222;
    background: #212121;
    background: -moz-linear-gradient(top, #212121 0%, #0d0d0a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0d0d0a), color-stop(100%, #0d0d0a));
    background: -webkit-linear-gradient(top, #212121 0%, #0d0d0a 100%);
    background: -o-linear-gradient(top, #212121 0%, #0d0d0a 100%);
    background: -ms-linear-gradient(top, #212121 0%, #0d0d0a 100%);
    background: linear-gradient(top, #212121 0%, #0d0d0a 100%);
    margin-top: 20px;
}
.box-title div.text{
    padding-left: 48px;text-transform: uppercase;
    background: url('../images/icons.png') no-repeat -116px 0px;
    float: left;margin: 0;padding: 0;padding-left: 42px;
}
.box-title{
    line-height:32px;color:#FFF;padding:4px 4px 0 4px;margin:8px 0px 0 0;font-size: 15px;-font-weight: bold;color: #ff7200;
    background:rgba(20, 20, 20, .8);text-shadow: 0 0 1px #000;
}
.box-title.red{
    background-color:rgba(209, 0, 0, .5);
}
.box-title.gray{
    background: #1d1d1d;border: 1px solid #2f2f2f;border-bottom: 0;
}
.box-content{background: #1d1d1d;padding:12px 12px 24px 12px;position:relative;border:1px solid #2f2f2f}
.box-bg{position: relative;padding: 12px;background: rgba(15, 16, 20, 0.8);}
#news-slider{height: auto !important}
.news-item{}
.news-item > .row > div{padding: 4px;position: relative;}
.news-item > .row > div > div{display: block;background: rgba(0,0,0,.5);position: relative;}
.news-item .news-desc{font-size: 12px;padding: 8px;text-align: justify;}
.news-item .news-desc p{overflow: hidden;height: 40px;padding: 0;margin: 0;line-height: 20px;}
.news-item .news-title{position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;line-height: 28px;height: 28px;background: rgba(0,0,0,.5); color:#ff7200}
.news-item .news-title p{padding-left: 40px;margin: 0;}
.news-item .news-title span{position: absolute;left: 0;bottom: 0;height: 28px;width: 28px;border-right:1px solid #666;font-family: dotum,tahoma;font-size: 11px;}
.news-item .news-title span dd{text-align: center;line-height: 12px;padding-top: 1px;margin: 0 6px;}
.news-item .news-title span dd:first-child{border-bottom: 1px solid #ff7200}
.news-item .nailthumb{outline: 0px solid rgb(77, 42, 4);}
.news-row{padding: 4px 0;border-bottom: 1px solid #333}
.news-row .text-title,.news-row .text-title a{color: #cdbc07;padding: 8px 0}
.news-row p{margin: 0}
.news-row .dd{top: 0;left: 0;position: absolute;z-index: 1;font-family: dotum,tahoma;font-size: 11px;color: #fff;text-shadow: 0 0 1px #000;background: rgba(0,0,0,.3);padding: 0px 4px;line-height: 16px;}
.arrow-right{float: right;width: 32px;height: 32px;background:url(../images/icons.png) no-repeat -76px 4px;cursor: pointer}
.arrow-left{float: right;width: 32px;height: 32px;background:url(../images/icons.png) no-repeat -76px -36px;cursor: pointer}
.news-related-list>div.related-title{background:url(../images/icons.png) no-repeat -200px -36px;padding-left: 20px;font-size: 15px;color: #ff7200}
.news-related-list ul li{
    margin: 4px 0;padding: 0;list-style: none;background:url(../images/icons.png) no-repeat -200px -58px;padding-left: 20px;
}
.news-related-list ul li.related{background:url(../images/icons.png) no-repeat -200px -75px;font-weight: bold}
.news-related-list ul li,.news-related-list ul li a{font-size: 12px;color: #FFF}
span.cate{font-weight: normal;font-family: tahoma;font-style: italic;font-size: 11px;color: #fff;background: #333;padding: 1px 4px;border-radius: 2px}
.download-and-slider .slider div img{width: 100%;}
.news-pager,.news-pager-mobile{text-align: center;padding-top: 12px}
.news-pager a,.news-pager strong,.news-pager-mobile a,.news-pager-mobile strong{
    margin: 0 2px;text-align: center;
    background: #222;
    line-height: 23px;padding-bottom: 1px;
    display: inline-block;
    min-width: 28px;font-weight: normal;
    border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;
}
.news-pager strong{background-color: #00558c}
.news-pager-mobile a,.news-pager-mobile strong{min-width: 40px;line-height: 28px}

.nav-tabs{border: 1px solid #2f2f2f;background-color: #1d1d1d;padding: 4px 4px 0 4px;}
.nav-tabs>li>a{padding: 8px 20px;border-radius:0;color: #f4d28d;background: url(../images/tab-bg.jpg);border-bottom: 0;border-color: #c20d0b;margin-right: 4px}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus,.nav-tabs>li>a:hover, .nav-tabs>li.active>a:hover{background:#1d1d1d;border: 1px solid #2f2f2f;border-bottom: 1px solid #1d1d1d;color: #f4d28d;font-weight: bold}
.tab-content{position: relative}
.tab-content>.tab-pane{background-color: #1d1d1d;border: 1px solid #2f2f2f;border-top: 0;padding: 8px;position: relative}
.list-news{padding-left: 232px;min-height: 212px;position: relative;}
.list-news .thumbs{position: absolute;top: 0;width: 212px;left: 0;height: 212px;border: 4px solid #2f2f2f}
.list-news p{margin: 0;padding: 0 0 0 20px;line-height: 30px;background: url(../images/dot1.jpg) no-repeat left center;color: #8f8e8d;height: 30px;overflow: hidden;position: relative}
.list-news p a{color: inherit;text-decoration: none}
.list-news p span{line-height: 30px;font-size: 11px;font-style: italic;position: absolute;right: 0;top: 0;background: #1d1d1d;padding-left: 12px}
.list-news p.active{color: #fff;background: url(../images/dot1active.jpg) no-repeat left center;}
.chars{position: relative;height: 0;padding-bottom: 33.71040724%;border: 1px solid #2f2f2f;overflow: hidden;}
.chars>div{position: absolute;top: 0;left: 0;height: 100%;width: 100%}
.chars>div>.char{
    overflow: hidden;width: 10.746606334%;float: left;border-right: 1px solid #1d1d1d;height: 100%;cursor: pointer;
    
    transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;
}
.chars>div>.char img{-webkit-filter: grayscale(70%); -moz-filter: grayscale(70%);filter: grayscale(70%);}
.chars>div>.char.active img,.chars>div>.char:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);filter: grayscale(0%);}
.chars>div>.char:last-child{border-right: 0}
.chars>div>.char.active{
    width: 57.013574660%;float: left;
    -webkit-filter: grayscale(0%); 
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
}
.menus{
    overflow: hidden;z-index: 1;
    position: absolute;top: 50px;width: 100%;left: 0;height: 0;
    transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;
}
.menus>.container>div{margin-left:120px;background-color: #222;background-color: rgba(0,0,0,.8);border-top: 1px solid #3d372c;padding: 4px 0}
.menus ul{width: 132px;float: left;margin: 0;padding: 0;list-style: none;text-align: center}
.menus ul li{list-style: none;position: relative}
.menus ul li a{padding: 5px 15px;line-height: 20px;display: block;color:#cdbc07;text-decoration: none}
.menus ul li a:hover{background-color: #111}
.download-mobile{position: absolute;top: 50px;right: 15px;z-index: 0;width: 25%}
.download-mobile img{width: 100%}
.banner{position: relative;border: 4px solid #301305;border-bottom: 0}
.banner img{width: 100%}
.news-title{height: 50px;background: url(../images/news-title.jpg) no-repeat center;display: block;overflow: hidden}
.news-title>div{height: 50px;line-height: 50px;overflow: hidden;color: #ffcf96;font-weight: bold;text-align: center}
.news-title>div p{margin: 0;font-size: 15px;text-transform: uppercase;overflow: hidden;padding: 0 15px;}
.bor-tl{position: absolute;z-index: 100;top: 4px;left: 4px;width: 8px;height: 8px;border-left:1px solid #2f2f2f;border-top:1px solid #2f2f2f}
.bor-tr{position: absolute;z-index: 100;top: 4px;right: 4px;width: 8px;height: 8px;border-right:1px solid #2f2f2f;border-top:1px solid #2f2f2f}
.bor-bl{position: absolute;z-index: 100;bottom: 4px;left: 4px;width: 8px;height: 8px;border-left:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f}
.bor-br{position: absolute;z-index: 100;bottom: 4px;right: 4px;width: 8px;height: 8px;border-right:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f}
.huong-dan-btns .nailthumb .nailthumb-figure img{position: absolute;left: 0%;top: 0%;transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
.huong-dan-btns .nailthumb:hover .nailthumb-figure img{
    /*width: 120%;left: -10%;top: -10%;*/
    -webkit-transform: scale(1.10,1.10);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.10,1.10);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: relative;
}
.huong-dan-btns .nailthumb .nailthumb-figure .title{position: absolute;bottom: 0;left: 0;width: 100%;line-height: 40px;background: rgba(0,0,0,.5);color:#f4d28d;text-align: center;;font-size: 16px}
.huong-dan-btns .nailthumb .nailthumb-figure .title .glyphicon{margin: 0;padding: 0;padding-right: 12px;font-size: 24px;line-height: 40px;position: absolute}
.huong-dan-btns .nailthumb .nailthumb-figure .title .glyphicon-video{background: url(../../images/imgvideo.png) no-repeat center ;width: 40px;height: 40px}
.huong-dan-btns .nailthumb .nailthumb-figure .title .glyphicon-photo{background: url(../images/picture2.png) no-repeat center ;width: 40px;height: 40px}
.huong-dan-btns .nailthumb .nailthumb-figure .title span{padding-left: 44px}
#character-web{width: 100%;height: 100%;display: block;;position: absolute;top: 0;overflow: hidden}
.character-left{position: absolute;right: 65%;top: 0;height: 100%;width: 35%;}
.character-right{position: absolute;left: 35%;top: 0;height: 100%;width: 65%;}
.character-menus.mobile{position: absolute;max-width: 330px;width: auto;margin: 0 auto;height: 100%;width: 100%}
.character-menus.mobile li{background: none;float: left;border: 0;width:20%;height: 100%; overflow: hidden;position: relative}
.character-menus li img{position: absolute;width: 100%;transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
.character-menus li:hover img,.character-menus li.active img{bottom: 0;}
#character-mobile .character-content{padding-left: 0}
.character-menus{width: 67px;;position: absolute;margin: 0;padding: 0;z-index: 100}
.character-content{position: relative;z-index: 90;max-height: 100%;float: left;padding-left: 66px;overflow: auto;width: 100%}
.character-menus li{
    border-left: 1px solid #1f3564;border-right: 1px solid #1f3564;border-bottom: 1px solid #be0f1b;
    width: 66px;height: 65px;list-style: none;position: relative;overflow: hidden
}
.character-menus li:hover,.character-menus li.active{
    
}
.lu-bo{}
.character-menus li.quan-vu{background-position: -66px 0;}
.character-menus li.quan-vu:hover,.character-menus li.quan-vu.active{background-position: -66px bottom;}
.character-menus li.truong-phi{background-position: -132px 0;}
.character-menus li.truong-phi:hover,.character-menus li.truong-phi.active{background-position: -132px bottom;}
.character-menus li.dieu-thuyen{background-position: -198px 0;}
.character-menus li.dieu-thuyen:hover,.character-menus li.dieu-thuyen.active{background-position: -198px bottom;}
.character-menus li.trieu-tu-long{background-position: -264px 0;}
.character-menus li.trieu-tu-long:hover,.character-menus li.trieu-tu-long.active{background-position: -264px bottom;}
#char-bg{right: 0% !important;top:0% !important;left: auto !important;position: absolute !important}
#char-bg-content{left: 0% !important;top:0% !important;}




@media (min-width: 768px){
    .container {width: auto;max-width:950px;max-width:914px}
    .line-menu{width:1px;position:absolute;top:15px;bottom:15px;left:33.333333%;
               background:rgba(255,255,255,.0);
               background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,.5)  50%,rgba(255,255,255,0) 100%);
               background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,.5)  50%,rgba(255,255,255,0) 100%);
               background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,.5)  50%,rgba(255,255,255,0) 100%);
               background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,.5)  50%,rgba(255,255,255,0) 100%);
               background-image: linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(255,255,255,.5)  50%,rgba(255,255,255,0) 100%);
    }
    .line-menu.second{left:66.666666%;}
    .navbar-brand{margin-right:0px}
    .navbar .container{-max-width: 520px;position: relative}
    .nav.navbar-nav>li.open>div.dropdown-menu{width:300%;background-color: #222;background-color:rgba(0,0,0,.7);margin-top:1px}
    .nav.navbar-nav>li.open>div.dropdown-menu>ul{width:33.333333333%}
    .nav.navbar-nav>li.open>div.dropdown-menu>ul>li{position:relative;overflow:hidden;padding-bottom:1px}
    .nav.navbar-nav>li.open>div.dropdown-menu>ul>li:last-child{padding-bottom: 0px;}
    .navbar:hover .menus{height: auto}
    .menus ul li .line{
        position:absolute;left:20px;right:20px;bottom:0;height:1px;
        background:rgba(255,255,255,.0);
        background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,.5)  50%,rgba(255,255,255,0) 100%);
        background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,.5)  50%,rgba(255,255,255,0) 100%);
        background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,.5)  50%,rgba(255,255,255,0) 100%);
        background-image: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,.5)  50%,rgba(255,255,255,0) 100%);
        background-image: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,.5)  50%,rgba(255,255,255,0) 100%);
    }
    .nav.navbar-nav>li.open>div.dropdown-menu>ul>li:last-child>.line{display:none}
    .navbar-toggle {
        display: none;
    }
    .navbar-header {
        float: left;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: 0px;
        margin-left: 0px;
    }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
    }
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav > li {
        float: left;
    }
    .navbar-nav>li>a,.navbar-nav>LI>A {
        padding-top: 15px;
        padding-bottom: 15px;color: #fff;
        min-width:132px;text-align: center;
        float: left;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }
}
@media (min-width: 620px) {
    .huong-dan-btns .col-sxs-6:first-child .row{margin-right: -11px;}
    .huong-dan-btns .col-sxs-6:nth-child(2) .row{margin-left: -11px;}
    

}
@media (max-width: 3200px){
    .navbar-nav  .dropdown-menu,
    .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
        min-width:100px;
    }
    .navbar-nav  .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu > li > a	{
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav  .dropdown-menu > li > a,
    .navbar-nav  .dropdown-menu .dropdown-header	{
        padding: 5px 15px;
    }
}
@media (min-width: 1300px){
    .phone-bg{margin-left: 0;left:0%}
}
@media (max-width: 768px){
    #foot .container>div p{border-left: 0}
    .phone-bg{width:120%;margin-left: -60%}
    .nav.navbar-nav.pull-right{float: none !important}
    .navbar-nav  .dropdown-menu{display:block;position: static;}
    .navbar-nav .open .dropdown-menu{display:block;position: static;}
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav  .dropdown-menu > li > a,
    .navbar-nav  .dropdown-menu .dropdown-header	{
        padding: 5px 15px 5px 44px;
    }
    .nav div.dropdown-menu>ul{
        display: block;
        position: static;
        float:none;
    }
    div.dropdown-menu>ul>li>a{padding: 5px 15px 5px 44px;}
    #foot .container>div{background: none;padding-left: 0}
    .container > .navbar-collapse, 
    .container-fluid > .navbar-collapse{position: absolute;width: 100%;background-color: #222;background-color:rgba(0,0,0,.8);z-index: 1}
}
@media (max-width: 619px){
    .nav-tabs.two-tab>li{width: 50%;}
    .nav-tabs.two-tab>li:first-child>a{margin-right: 2px}
    .nav-tabs.two-tab>li:last-child>a{margin-right: 0px;margin-left: 2px}
    .download-and-slider .news-detail{width: 100%;}
    .huong-dan-btns .col-sxs-6:first-child .row{margin-bottom: 8px;}
    .chars{padding-bottom: 56%;}
    .chars>div>.char,.chars>div>.char.active{width: 20%}
    .chars>div>.char img,.chars>div>.char.active img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);filter: grayscale(0%);}
    body>.container{padding: 0}
    .download-and-slider .slider{width: 100%;padding:0}
    .phone-bg{width:148%;margin-left: -74%}
    .visible-620{display:none !important}
    
    
}